<template>
  <div>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="大气温度历史记录" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="大气湿度历史记录" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="气压" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="风速" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="12">
        <Card shadow>
          <chart-radar style="height: 300px;" text="风向"></chart-radar>
        </Card>
      </i-col>
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="降雨量" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="总辐射" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="土壤温度" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="土壤湿度" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
      <i-col span="12">
        <Card shadow>
          <chart-line style="height: 300px;" :value="lineData" text="蒸发" :max='40' :min='25'></chart-line>
        </Card>
      </i-col>
    </Row>
  </div>
</template>
<script>
import { ChartLine, ChartRadar} from '_c/charts'
export default {
  name: 'historyPage',
  components: {
    ChartLine,
    ChartRadar
  },
  data () {
    return {
      lineData: [
        {value: 31.5, time: '2017-8-1'},
        {value: 31.1, time: '2017-8-2'},
        {value: 30.6, time: '2017-8-3'},
        {value: 31.2, time: '2017-8-4'},
        {value: 32.0, time: '2017-8-5'},
        {value: 33.5, time: '2017-8-6'},
        {value: 31.4, time: '2017-8-7'},
        {value: 31.6, time: '2017-8-8'},
        {value: 30.5, time: '2017-8-9'},
        {value: 32.0, time: '2017-8-10'},
        {value: 31.5, time: '2017-8-11'},
        {value: 31.1, time: '2017-8-12'},
        {value: 30.4, time: '2017-8-13'},
        {value: 32.2, time: '2017-8-14'},
        {value: 32.0, time: '2017-8-15'},
        {value: 31.5, time: '2017-8-16'},
        {value: 31.1, time: '2017-8-17'},
        {value: 30.6, time: '2017-8-18'},
        {value: 30.2, time: '2017-8-19'},
        {value: 32.0, time: '2017-8-20'},
        {value: 31.5, time: '2017-8-21'},
        {value: 31.1, time: '2017-8-22'},
        {value: 30.6, time: '2017-8-23'},
        {value: 30.2, time: '2017-8-24'},
        {value: 31.0, time: '2017-8-25'},
        {value: 31.5, time: '2017-8-26'},
        {value: 31.1, time: '2017-8-27'},
        {value: 31.0, time: '2017-8-28'},
        {value: 30.8, time: '2017-8-29'},
        {value: 30.6, time: '2017-8-30'},
        {value: 30.2, time: '2017-8-31'},
      ],
    }
  },
  mounted () {
    //
  }
}
</script>
